<template>
	<view>
		<view class="page-title">
			tab_bar_home页面
		</view>
		<view class="btngroup">
			<view class="btn-wrapper">
				<button type="default" @click="handleredirect">redirect</button>
			</view>
			<view class="btn-wrapper">
				<button type="default" @click="reLaunchTo">setStorage</button>
			</view>
		</view>
		
		<view class="btn-group">
			<view class="btn-wrapper">
				<navigator url="../address/address">
					<button type="default">地址</button>
				</navigator>
			</view>
			
			<view class="btn-wrapper">
				<navigator url="../form_demo/form_demo">
					<button type="default">表单</button>
				</navigator>
			</view>
			
		
			<view class="btn-wrapper">
				<navigator url="../storage/storage">
					<button type="default">存储</button>
				</navigator>
			</view>
			
			<view class="btn-wrapper">
				<navigator url="../ui/ui">
					<button type="default">UI反馈</button>
				</navigator>
			</view>
			<view class="btn-wrapper">
				<navigator url="../authorize/authorize">
					<button type="default">授权</button>
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			handleredirect: function(){
				uni.redirectTo({
					url:'/pages/views/views_demo'
				})
			},
			reLaunchTo: function(){
				uni.reLaunch({
					url:"/pages/storage/storage",
					success: res => {
						console.log('relaunch成功：',res)
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	.btn-group{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-column-gap: 10rpx;
			grid-row-gap: 10rpx;
			.btn-wrapper{
				font-size: 0.7rem;
				// padding: 10rpx;
			}
		}
</style>
